動態字型 iOS Dynamic Type (模式)
“動態字型”是一項功能,允許使用者自定義螢幕上文字的大小
/Untitled.png)
/Untitled 1.png)
/Untitled 2.png)
對某些人來說,調大文字可能只是個人偏好,但對另一些人來說,大字型可能是他們能否正常使用裝置的關鍵。
/Untitled 3.png)
/Untitled 4.png)
動態字型的四個重要原則
/Untitled 5.png)
A 你應儘可能讓更多的文字支援“動態字型”。如果文字可以放大,它就應該放大。
/Untitled 6.png)
B 儘可能利用螢幕的寬度。(這樣可以確保在文字變大時,內容仍然能夠在螢幕上清晰呈現,而不至於顯得擁擠。)
/Untitled 7.png)
C 隨著文字的增大,不要截斷文字。你應該展示與預設介面相同數量的文字。(這有助於在放大字型時,避免內容被截斷,從而影響可讀性。)
/Untitled 8.png)
D 你應該相應地縮放文字旁邊的符號,使介面看起來仍然平衡。(這裡強調了在調整文字大小的同時,也要注意UI中其他元素的比例,以保持介面的一致性和美觀。)
/Untitled 9.png)
/Untitled 10.png)
iOS的文字樣式
在iOS中,有11種不同的文字樣式可以與“動態字型”配合使用,從標題到字幕和腳註,均可涵蓋。
Large Title:大標題
Title 1, Title 2, Title 3:標題 1、標題 2、標題 3
Headline:標題
Subheadline:副標題
Body:正文
Caption 1, Caption 2:說明文字 1、說明文字 2
Callout:標註
Footnote:腳註
/Untitled 11.png)